<template>
	<view class="content">
		<view class="back-container c-theme-btn-w" @click="back">
			<u-image :src="require('../static/imgs/left.png')" width="10px" height="17px"></u-image>
		</view>
		<view class="name">{{title}}</view>
	</view>
</template>

<script>
	export default {
		props:{
			title:{
				type:String,
				default:"",
				required:true
			},
		},
		name: "commonBack",
		data() {
			return {

			};
		},
		methods: {
			back() {
				this.$emit("back")
			}
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		display: flex;
		align-items: center;
		justify-content: center;

		.name {
			flex: 3;
			text-align: center;
			font-weight: 800;
			color: #3D5464;
			font-size: 40rpx;
		}

		.back-container {
			width: 80rpx;
			height: 80rpx;
			background: #FFFFFF;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	}
</style>
